* {
  box-sizing: border-box;
}

html {
  height: 100%;
  font-size: 14px;
}
body {
  margin: 0;
  height: 100%;
  color: #333;
  min-width: 1240px;
  font: 1em/1.4 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', 'STHeiti', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
}

ul,
h1,
h3,
h4,
p,
dl,
dd {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: #333;
  outline: none;
}

i {
  font-style: normal;
}


img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

ul {
  list-style: none;
}
.container{
  width: 100%;
  height:100vh;
  .midle_box{
    height: 100%;
    width: 1200px;
    margin: auto;
  }
}
// body::-webkit-scrollbar {
//   /*滚动条整体样式*/
//   width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
//   height: 1px;
//   }
//   body::-webkit-scrollbar-thumb {
//   /*滚动条里面小方块*/
//   border-radius   : 10px;
//   background-color: skyblue;
//   background-image: -webkit-linear-gradient(
//       45deg,
//       rgba(255, 255, 255, 0.2) 25%,
//       transparent 25%,
//       transparent 50%,
//       rgba(255, 255, 255, 0.2) 50%,
//       rgba(255, 255, 255, 0.2) 75%,
//       transparent 75%,
//       transparent
//   );
  // }
  // body::-webkit-scrollbar-track {
  // /*滚动条里面轨道*/
  // box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  // background   : #ededed;
  // border-radius: 10px;
  // }
  body::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 0px;
    }
    body::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #535353;
    }
    body::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : #ededed;
    }